<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/topcm.css">
    <link rel="stylesheet" href="../css/shopping.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/slider.css">
</head>

<body>
    <!-- 首页 -->
    <!-- 页眉 -->
    <div id="header" class="colorb8 clearfix">
        <div class="top  bgc10 clearfix">
            <div class="wrapper">
                <div class="fr top-div">
                    欢迎光临
                    <a href="./index.html" class="colorf60">乐购</a>请
                    <span>登录</span>
                    \
                    <a class="colorf60">注册</a>
                </div>
            </div>
        </div>

        <!-- 搜索框 购物车 我的订单 -->
        <div class="wrapper clearfix posr">
            <!-- logo -->
            <img src="../images/logo.jpg" alt="" class="bgcf60">

            <!--  搜索框  -->
            <div class="imgbox3">
                <form action="" class="fr imgbox">
                    <input type="text" class="bgcfff txt fl">
                    <input type="submit" class="submit fl bgcfff">
                    <div class="fr">
                        配送至
                        <select>
                            　　　　<option value="1">选项1</option>
                            　　　　<option value="2">选项1</option>
                            　　　　<option value="3">选项1</option>
                            　　　　<option value="4">选项1</option>
                            　　　　<option value="5">选项1</option>
                            　　　　<option value="6">选项1</option>
                            　　　　<option value="7">选项1</option>
                        </select>
                    </div>
                </form>
            </div>


        </div>
    </div>

    <div id="tablebox" class="wrapper">
        <div class="container mt45 tcenter">
            <table id="shopCar">
                <!-- 头部 -->
                <tr>
                    <th width="100">
                        <input type="checkbox" class="inpbox">
                        全选
                    </th>
                    <th width="600">商品</th>
                    <th width="100">单价</th>
                    <th width="300">数量</th>
                    <th width="100">小计</th>
                    <th width="100">操作</th>
                </tr>
                <!-- 内容 -->
                <tr>
                    <td><input type="checkbox" class="inpbox1 wocao"></td>
                    <td>
                        <img src="../images/23206608-1_l.jpg" alt="">
                        从你的全世界路过
                    </td>
                    <td class="danjia">
                        41.00
                    </td>
                    <td>
                        <span class="addNum">+</span>
                        <input type="text" class="txt txtbox" value="1">
                        <span class=" reduce">-</span>
                    </td>
                    <td class="xiaoji">
                        41.00
                    </td>
                    <td>
                        <a href="#" class="del">删除</a>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" class="inpbox1 wocao"></td>
                    <td>
                        <img src="../images/22472496-1_l_2.jpg" alt="">
                        从你的全世界路过
                    </td>
                    <td class="danjia">
                        41.00
                    </td>
                    <td>
                        <span class="addNum">+</span>
                        <input type="text" class="txt" value="1">
                        <span class=" reduce">-</span>
                    </td>
                    <td class="xiaoji">
                        41.00
                    </td>
                    <td>
                        <a href="#" class="del">删除</a>
                    </td>
                </tr>
    
                <!-- 尾部 -->
                <tr>
                    <td> 
                        <input type="checkbox" class="inpbox">
                        全选
                    </td>
                    <td colspan="2">删除选中商品</td>
                    <td>已选择  <span class="total">0</span>  件商品</td>
                    <td>
                        总价 <span class="totalbox">41.00</span>
                    </td>
                    <td>
                        <a href="./cashier.html"><input type="button" value="去结算"></a>
                       
                    </td>
                </tr>

    
            </table>
        </div>
    
    </div>

    <!-- 页脚 -->
    <div id="footer">
        <div class="footerbox">
            <img src="../images/222_11.png" alt="">
            <img src="../images/222_13.png" alt="">
            <img src="../images/222_15.png" alt="">
            <img src="../images/222_17.png" alt="">
        </div>
        <div class="footerbox1  clearfix">
            <ul class="fl">
                <li class="fsizwb">专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
            </ul>
            <ul class="fl">
                <li class="fsizwb">专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
            </ul>

            <ul class="fl">
                <li class="fsizwb">专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
            </ul>

            <ul class="fl">
                <li class="fsizwb">专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
            </ul>

            <ul class="fl">
                <li class="fsizwb">专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
            </ul>
            <img src="../images/logo.jpg" alt="" class="fl">
        </div>
        <div class="footerbox2">
            <p>公司简介 | Investor Relations | 网站联盟 | 乐购招商 | 机构销售 | 手机乐购 | 官方Blog | 热词搜索</p>
            <p>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
        </div>
    </div>
    <script src="../js/jquery-1.11.0.js"></script>
    <script src="../js/slider.js"></script>
    <script src="../js/home.js"></script>
    <script src="../js/shopping.js"></script>


</body>

</html>